<template>
	<view>
		<my-title-back :title="showHeadTitle" @gotoBack="gotoBack">
			<template v-slot:right>
				<view class="right-img">
					<image :src="addImg" @click="showTool"></image>
				</view>
			</template>
		</my-title-back>
	</view>
</template>

<script>
	//引入公共组件
	import myTitleBack from '@/components/common/my-title-back/my-title-back.vue'

	export default {
		components: {
			myTitleBack
		},
		data() {
			return {
				showHeadTitle: '朋友',
				addImg: require('@/static/img/msg/message/add-user.svg')
			}
		},
		methods: {
			gotoBack() {
				//uni.navigateBack(1)
				uni.reLaunch({
					url: "/pages/msg/home/home"
				})
			},
			showTool() {
				this.$emit('showTool')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.right-img {
		text-align: right;

		image {
			margin-top: 15px;
			margin-right: 30rpx;
			width: 19px;
			height: 19px;
		}
	}
</style>
